<template>
  <!-- 学后收获 -->
  <section class="section_box4 container scroll" data-index="4" id="4">
    <span class="big_title flexcc">学后收获</span>
    <div class="content_box">
      <div class="swiper-slide flexjs">
        <div class="itme flexccc">
          <span class="ico_case"></span>
          <h3>技能提升</h3>
          <p class="info">全方位提升编程思维与项目综合能力</p>
        </div>
        <div class="itme flexccc">
          <span class="ico_case num1"></span>
          <h3>证书加持</h3>
          <p class="info">考试颁发西门子官方工程师等级证书</p>
        </div>
        <div class="itme flexccc">
          <span class="ico_case num2"></span>
          <h3>薪资变化</h3>
          <p class="info">专攻职场岗位提升，助力升职加薪</p>
        </div>
        <div class="itme flexccc">
          <span class="ico_case num3"></span>
          <h3>就业推荐</h3>
          <p class="info">优秀学员进行名企工作推荐，人才入库</p>
        </div>
      </div>
    </div>
  </section>
</template>
<script>
export default {
  name: 'section-box4',
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
  },
  computed: {
  },
}
</script>

<style lang="scss">
@import "./../assets/scss/base.scss";
@import "./../assets/scss/mixin.scss";
.section_box4 {
  padding-top: 90px;

  .content_box {
    padding-top: 48px;
    padding-bottom: 90px;

    .itme {
      justify-content: flex-end;
      width: 22%;
      height: 300px;

      .ico_case {
        margin-bottom: 28px;
        width: 100%;
        height: 212px;
        background: url(/imgs/ico_1.png) no-repeat center center;
        background-size: auto 100%;
      }

      .num1 {
        height: 206px;
        background: url(/imgs/ico_2.png) no-repeat center center;
        background-size: auto 100%;
      }

      .num2 {
        height: 199px;
        background: url(/imgs/ico_3.png) no-repeat center center;
        background-size: auto 100%;
      }

      .num3 {
        height: 196.79px;
        background: url(/imgs/ico_4.png) no-repeat center center;
        background-size: auto 100%;
      }

      h3 {
        margin-bottom: 0;
        font-weight: bold;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.25px;
        color: #28293d;
      }

      p {
        margin-top: 9px;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 0.25px;
        color: #555770;
      }
    }
  }
}
</style>